body { background: #ededed url(../images/bg.png) top repeat-x;}
.wrapper { margin: 0 auto; width: 920px; }
header { margin: 0 auto; width: 1040px; height: 143px; background: url(../images/header.jpg) center;}
  header h1 { float: left; margin: 0; width: 496px; height: 85px; background: url(../images/logo.png) no-repeat;}
  header h1 a { display: block; width: 496px; height: 67px; text-indent: -9999em;} 
  header .link { float: right; padding-top: 45px;}
  header .link li { display: inline; padding: 0 2px; font-size: 12px; color: #959595;}
  header .link li a { color: #959595;}
  header .link li a:hover { color: #4194CF;}
  
  header nav { clear: both; position: relative; height: 44px; background: url(../images/nav-bg.png) repeat-x;}
  header nav .nav-left, header nav .nav-right { position: absolute; top: 0; width: 18px; height: 44px;}
  header nav .nav-left { left: 0; background: url(../images/nav-left-bg.png) left no-repeat;}
  header nav .nav-right { right: 0; background: url(../images/nav-right-bg.png) right no-repeat;}
  header nav ul { padding: 3px 18px; height: 38px;}
  header nav li { float: left; width: 110px; height: 38px; background: url(../images/nav-divide.png) right no-repeat; line-height: 38px; font-family: "微软雅黑"; text-align: center; }
  header nav li a { display: block; color: #fff; font-size: 14px;}
  header nav li.cur a, header nav li a:hover { background: url(../images/nav-cur.png) repeat-x; color: #fff;}
 
#main { margin: 0 auto; width: 1040px;}
  #main .wrapper { position: relative;}
  .home-top-product { position: absolute; top: 240px; left: 0;}
  .home-top-product .wrap { float: left; display: inline;}
  .home-top-product .wrap p.title { margin: 0 auto; height: 28px;}
  .home-top-product .wrap p.title a { display: block;}
  .home-top-product .top1 { margin-left: 35px; margin-top: 20px; width: 221px; height: 91px; background: url(../images/home-top1.png);}
  .home-top-product .top2 { margin-left: 75px; padding-right: 20px; width: 228px; height: 102px; background: url(../images/home-top2.png);}
  .home-top-product .top3 { margin-left: 75px; margin-top: 20px; width: 221px; height: 91px; background: url(../images/home-top3.png);}
  .home-top-product .wrap ul { padding: 0 0 0 26px; list-style: square inside; color: #83c8e9;}
  .home-top-product .wrap li {}
  .home-top-product .wrap li a { color: #fff;}
  .home-top-product .wrap li a:hover { color:#0E3C89; text-decoration:underline;}
  .home-top-product .wrap figure { float: left; display: inline; margin: 10px 10px 0 20px; width: 92px; height: 78px; border: 2px solid #40bbda;}
  .home-top-product .wrap h4 { margin: 0; padding-top: 15px;}
  .home-top-product .wrap h4 a { color: #000;}
  .home-top-product .wrap p { margin: 5px 0; color: #fff; line-height: 22px;}
  
  .home-main { margin: 0 auto; padding: 0 30px; width: 920px; height: 205px; background: url(../images/home-main.png) center no-repeat;}
    .home-main h3 { margin: 0 0 5px; padding-left: 17px; background: url(../images/deco.png) left no-repeat; font-size: 12px; color: #fff; line-height: 37px; -webkit-box-reflect: below -24px -webkit-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.5));-moz-box-reflect: below 1px -moz-linear-gradient(transparent,transparent 20%,rgba(255,255,255,.5));box-reflect: below 1px linear-gradient(transparent,transparent 20%,rgba(255,255,255,.5));}
    .home-main .home-about { float: left; padding: 15px 20px 0; height: 190px; background: url(../images/home-main-bd.png) right bottom no-repeat;}
    .home-main .home-tabs { position: relative; float: left; padding: 15px 20px 0; width: 255px; height: 190px; background: url(../images/home-main-bd.png) right bottom no-repeat;}
      .home-main .more { position: absolute; top: 27px; right: 20px;}
      .home-main .home-tabs h3 { font-weight: 400;}
      .home-main .home-tabs h3 a { padding: 0 3px; color: #fff;}
      .home-main .home-tabs h3 a.cur { text-decoration: underline;}
      .home-main .home-tabs ul { list-style: circle outside; color: #EDEDED;}
      .home-main .home-tabs ul li { height: 23px; border-bottom: 1px dotted #ededed; line-height: 23px; font-size: 12px;}
      .home-main .home-tabs ul li span { float: right; color: #EDEDED;}
      .home-main .home-tabs ul li a { color: #EDEDED;}
	  .home-main .home-tabs ul li a:hover { color:#3EA9D7; text-decoration:underline;}
    .home-main .home-product { position: relative; float: left; padding: 15px 20px 0; width: 235px; height: 190px; } 
    .home-main .home-about figure { float: left; padding: 5px; width: 91px; height: 65px; background: #fff;}
    .home-main .home-about p { float: left; margin: 0 0 0 10px; width: 182px; color: #d7e6ff; line-height: 20px;}
    .home-main .home-about p a { color: #3396cb;}
    .home-main .home-product p { margin: 12px 0; color: #EDEDED;}
    .home-main .home-product p a { display: block; color: #3396CB;}
    
.pos { margin: 10px auto; padding-left: 40px; width: 880px; height: 30px; background: #e8e8e8 url(../images/deco.png) 23px no-repeat; line-height: 30px; font-size: 12px; color: #727272; border-radius: 4px;}
  .pos a { padding: 0 2px; color:#727272;}

.left-nav { float: left; width: 224px; background: #d7d8da; border: 3px solid #fff; border-radius: 7px; box-shadow: 0 0 5px #ccc; behavior:url(PIE.htc);}
  .left-nav h2 { margin: 0; height: 41px; line-height: 41px; color: #fff; font-size: 14px; font-family: "微软雅黑 "; border-radius: 4px 4px 0 0; behavior:url(PIE.htc); }
  .left-nav h2 span { display: block; padding-left: 37px; background: url(../images/deco.png) 21px no-repeat; }
  .left-nav h2 img { display: block; margin: 0 auto;}
  .left-nav .box { margin-bottom: 20px;}
  .left-nav .box ul { list-style: none;}
  .blue .box ul { padding-bottom: 8px; background: url(../images/leftnav-blue-box-bd.png) bottom repeat-x;}
  .grey .box ul { padding-bottom: 8px; background: url(../images/leftnav-grey-box-bd.png) bottom repeat-x;}
  .left-nav .box li { padding-left: 60px; height: 35px; background-color: #efeff0; border-top: 2px solid #d7d8da; line-height: 35px; background-image: url(../images/deco5.png); background-repeat: no-repeat; font-size: 14px; font-family: "微软雅黑"; text-align: center;}
  .blue .box li { color: #4573b7;}
  .grey .box li { color: #727272;}
  .left-nav .box .box-li1 { background-position: 30px 7px; }
  .left-nav .box .box-li2 { background-position: 30px -32px; }
  .left-nav .box .box-li3 { background-position: 30px -68px; }
  .left-nav .box .box-li4 { background-position: 30px -102px; }
  .left-nav .box .box-li5 { background-position: 30px -137px; }
  .blue h2 { background: url(../images/left-h2-blue.png) repeat-x;}
  .grey h2 { background: url(../images/left-h2-grey.png) repeat-x;}
  .grey h3 { color: #000!important;}
  .left-nav h3 { display: block; margin: 0; padding-left: 37px; background: url(../images/deco.png) 21px no-repeat; font-size: 14px; color: #2884c3; font-family: "微软雅黑";}
  .left-nav ul.st1 { padding: 15px 0; list-style: none;}
  .left-nav ul.st1 li { margin: 2px 0; padding-left: 36px; height: 24px; background: url(../images/deco2.png) 22px no-repeat; line-height: 24px;overflow:hidden;}
  .left-nav ul.st1 a { display: block; padding-left: 5px; color: #727272;}
  .left-nav ul.st1 li.cur a, .left-nav ul.st1 li a:hover { background-color: red; border: 1px solid #cbc7c9; border-right: 0 none; color: #ffffff;}
  .grey ul.st1 li.cur a, .grey ul.st1 li a:hover { color: #fff;}
  
  .left-nav ul.st11 { padding: 15px 0; list-style: none;}
  .left-nav ul.st11 li { margin: 2px 0; padding-left: 36px; height: 24px; background: url(../images/deco2.png) 22px no-repeat; line-height: 24px;}
  .left-nav ul.st11 a { display: block; padding-left: 5px; color: #727272;}
  .left-nav ul.st11 li.cur a, .left-nav ul.st11 li a:hover { background-color: #3396CA; border: 1px solid #cbc7c9; border-right: 0 none; color: #ffffff;}
  .grey ul.st11 li.cur a, .grey ul.st11 li a:hover { color: #fff;}
  
  
  .left-nav ul.st12 { padding: 15px 0; list-style: none;}
  .left-nav ul.st12 li { margin: 2px 0; padding-left: 36px; height: 24px; background: url(../images/deco2.png) 22px no-repeat; line-height: 24px;}
  .left-nav ul.st12 a { display: block; padding-left: 5px; color: #727272;}
  .left-nav ul.st12 li.cur a, .left-nav ul.st12 li a:hover { background-color: #ffffff; border: 1px solid #cbc7c9; border-right: 0 none; color: #3396CA;}
  .grey ul.st12 li.cur a, .grey ul.st12 li a:hover { color: #727272;}
  
  
  .left-nav ul.st2 { padding: 5px 0; list-style: none;}
  .left-nav ul.st2 li { margin: 2px 0; padding-left: 36px; height: 24px; background: url(../images/deco3.png) 22px no-repeat; line-height: 24px;}
  .left-nav ul.st2 a { display: block; padding-left: 5px; color: #727272;}
  .left-nav ul.st2 li a:hover { color:#ff0000; }
  
  
  .left-nav ul.st22 { padding: 5px 0; list-style: none;}
  .left-nav ul.st22 li { margin: 2px 0; padding-left: 36px; height: 24px; background: url(../images/deco3.png) 22px no-repeat; line-height: 24px;}
  .left-nav ul.st22 a { display: block; padding-left: 5px; color: #727272;}
  .left-nav ul.st22 li a:hover { color:#3396CA; }
  
  
  
  .left-nav .more { display: block; padding-right: 30px; text-align: right; color: #727272;}
  .left-nav p { margin: 10px 0; padding-left: 23px; color: #727272;}
  .left-nav .contact-wrap { padding: 5px 0 25px; background: url(../images/left-line.png) top no-repeat;}
  .left-nav .contact-wrap .ctt { display: block; margin: 0 auto; width: 140px; height: 31px; background: url(../images/botton2_07.jpg) no-repeat; text-align: center; line-height: 27px; color: #f1f1f1; font-size: 14px; font-family: "微软雅黑";}
  .left-nav .contact-wrap .ctt:hover{ background:url(../images/botton_07.jpg) no-repeat;}
  .left-nav .contact-wrap p { line-height: 23px;}
  .left-nav p.ali a { display: inline-block; width: 69px; height: 19px;  vertical-align: middle;}
  .left-nav p.qq a { display: inline-block; width: 69px; height: 19px; background: url(../images/qq.png) no-repeat; vertical-align: middle;}
  
.right-wrap { float: left; margin-left: 12px; width: 670px; background: #f6f6f6; border: 3px solid #fff; border-radius: 7px; box-shadow: 0 0 5px #ccc; behavior:url(PIE.htc); margin-bottom:10px; padding-bottom:20px;}
  .right-wrap h2 { padding-left: 18px; margin: 0 20px; height: 50px; background: url(../images/deco4.png) left no-repeat; font-size: 16px; color: #4b4b4b; font-family: "微软雅黑"; line-height: 50px;}
  .right-wrap article { padding: 5px 38px;}
  .right-wrap article p { margin: 0; color: #727272; line-height: 24px;}
  .right-wrap article .em2 { text-indent: 2em;}
  .right-wrap h3.grey-header { margin: 0 0 0 -50px; padding: 7px 0 0 25px; width: 136px; height: 22px; background: url(../images/right-wrap-grey-header.png) no-repeat; color: #fff; font-size: 12px; font-family: "微软雅黑"; line-height: 22px;}
  .right-wrap article figure.st1 { float: left; margin: 10px 25px 10px 0;}
  .right-wrap article figure.st1 figcaption { display: block; text-align: center; color: #727272; font-size: 12px; line-height: 24px;}
  .right-wrap article figure.st2 { float: left; margin: 10px 15px 10px 0; padding: 5px; border: 1px solid #d1d1d1;}
  
.product-main { margin-bottom: 10px; padding-bottom: 20px;}
  .product-main .wrap { padding: 0 25px;}
  .product-main .wrap h3 { margin: 0; padding: 0 10px 0 15px; height: 40px; background: url(../images/deco.png) left no-repeat; color: #727272; font-size: 14px; line-height: 40px;}
  .product-main .wrap h3 a { float: right; margin-top: 15px; width: 36px; height: 11px; background: url(../images/more.png) no-repeat;}
  .product-main .news h3 { width: 285px;}
  .product-main .news ul { float: left; padding: 0 38px 0 0; width: 310px; border-right: 1px dotted #000; list-style: none;}
  .product-main .news li { padding-left: 10px; height: 24px; background: url(../images/deco3.png) left no-repeat; font-size: 12px; color: #727272; line-height: 24px; border-bottom: 1px dotted #666;}
  .product-main .news li a { color: #727272;}
  .product-main .news li a:hover { color: #ff0000;}
  .product-main .news li span { float: right;}
  .product-main .news figure { float: left; margin-left: 25px; padding: 4px; width: 222px; height: 118px; border: 1px solid #d3d3d3;}
  
  
  .product-main .news2 h3 { width: 285px;}
  .product-main .news2 ul { float: left; padding: 0 38px 0 0; width: 310px; border-right: 1px dotted #000; list-style: none;}
  .product-main .news2 li { padding-left: 10px; height: 24px; background: url(../images/deco3.png) left no-repeat; font-size: 12px; color: #727272; line-height: 24px; border-bottom: 1px dotted #666;}
  .product-main .news2 li a { color: #727272;}
  .product-main .news2 li a:hover { color: #3396CA;}
  .product-main .news2 li span { float: right;}
  .product-main .news2 figure { float: left; margin-left: 25px; padding: 4px; width: 222px; height: 118px; border: 1px solid #d3d3d3;}
  
  
  .product-main .hots { background: #eee;}
  .product-main .hots .item { float: left; margin: 0 6px 15px 6px;}
  .product-main .hots .item figure { margin-bottom: 5px; padding: 6px; width: 122px; height: 119px; background: #fff; border: 1px solid #d9d9d9;}
  .product-main .hots .item figcaption { padding: 0 6px; width: 122px; height: 44px; background: #fafafa; border: 1px solid #d9d9d9; line-height: 22px;}
  .product-main .hots .item h5 { margin: 0; color: #727272;}
  .product-main .hots .item h5 a{ margin: 0; color: #666;}
  .product-main .hots .item h5 a:hover{color: #3396CA;}
  .product-main .hots .item p { margin: 0; color: #727272}
  
  
  .product-main .hots .item2 { float: left; margin: 0 6px 15px 6px;}
  .product-main .hots .item2 figure { margin-bottom: 5px; padding: 6px; width: 122px; height: 119px; background: #fff; border: 1px solid #d9d9d9;}
  .product-main .hots .item2 figcaption { padding: 0 6px; width: 122px; height: 44px; background: #fafafa; border: 1px solid #d9d9d9; line-height: 22px;}
  .product-main .hots .item2 h5 { margin: 0; color: #727272;}
  .product-main .hots .item2 h5 a{ margin: 0; color: #666;}
  .product-main .hots .item2 h5 a:hover{color: #ff0000;}
  .product-main .hots .item2 p { margin: 0; color: #727272}
  
  
  .product-main .subnews { float: left; padding: 5px 15px; height:auto !important; height:180px; min-height:180px;}
  .product-main .subnews h3 { width: 260px;}
  .product-main .subnews ul { float: left; padding: 0; width: 295px; list-style: none;}
  .product-main .subnews li { padding-left: 10px; height: 24px; background: url(../images/deco3.png) left no-repeat; font-size: 12px; color: #727272; line-height: 24px; border-bottom: 1px dotted #666;}
  .product-main .subnews li a { color: #727272;}
  .product-main .subnews li a:hover { color: #ff0000;}
  .product-main .subnews li span { float: right;}
  
  
  .product-main .subnews2 { float: left; padding: 5px 15px; height:auto !important; height:180px; min-height:180px;}
  .product-main .subnews2 h3 { width: 260px;}
  .product-main .subnews2 ul { float: left; padding: 0; width: 295px; list-style: none;}
  .product-main .subnews2 li { padding-left: 10px; height: 24px; background: url(../images/deco3.png) left no-repeat; font-size: 12px; color: #727272; line-height: 24px; border-bottom: 1px dotted #666;}
  .product-main .subnews2 li a { color: #727272;}
  .product-main .subnews2 li a:hover { color: #3396CA;}
  .product-main .subnews2 li span { float: right;}
  
  
  .product-main .slider { position: relative; float: left; padding: 15px; width: 285px;}
  .product-main .slider h3 { width: 260px;}
  .product-main .slider #slider1, .product-main .slider #slider2 { margin: 0 auto;}
  .product-main .slider ul { margin: 0 auto; height: 165px; list-style: none;}
  .product-main .slider li { width: 252px; height: 165px;}
  .product-main #slider1 li img { margin: 0 6px; padding: 4px; width: 104px; height: 150px; border: 1px solid #D3D3D3;}
  .product-main #slider2 li a { display: block; background-color:#FFF}
  .product-main #slider2 li img { margin: 0; padding: 0; width: 252px; height: 165px; }
  .product-main .slider .prevBtn, .product-main .slider .nextBtn { position: absolute; width: 17px; height: 30px; background: url(../images/slider-btn.png) no-repeat;}
  .product-main .slider .prevBtn { top: 120px; left: 10px; background-position: 0 0; }
  .product-main .slider .nextBtn { top: 120px; right: 10px; background-position: -17px 0;}
  .product-main .slider .prevBtn a, .product-main .slider .nextBtn a { display: block; width: 17px; height: 30px; text-indent: -9999em; outline: 0 none;}
  
.right-wrap .p-detail { padding: 0 25px;}
  .right-wrap .p-detail h3 { margin: 0 0 20px; height: 32px; text-align: center; color: #727272; font-size: 16px; border-bottom: 1px solid #d8d8d8; line-height: 32px;}
  .right-wrap .p-detail .main-info {}
  .right-wrap .p-detail .main-info figure { float: left; margin-right: 20px; padding: 6px; background: #fff; border: 1px solid #e1e1e1;}
  .right-wrap .p-detail .main-info p { margin: 8px 0; color: #666; font-size: 14px; line-height: 24px;}
  .right-wrap .p-detail .main-info p a { display: inline-block; margin: 15px 3px; width: 123px; height: 31px; background: url(../images/blue-btn.png) no-repeat; text-align: center; line-height: 31px; color: #fff; font-size: 15px; font-family: "微软雅黑";}
  .right-wrap .p-detail .indo-detail h4 { padding-left: 12px; background: url(../images/deco4.png) left no-repeat; border-bottom: 3px solid #d7d7d7; font-size: 14px; color: #424242; font-family: "微软雅黑"; line-height: 20px;}
  .right-wrap .p-detail .indo-detail p { margin: 0; color: #626262; line-height: 20px;}
  .right-wrap .p-detail .page { margin: 15px 0; padding-left: 20px; background: #e9e9e9; font-size:12px; color:#626262; padding-top:7px;}
  .right-wrap .p-detail .page a { height: 26px; color: #626262; line-height: 26px;}
  .right-wrap a.down { padding-left: 40px; background: url(../images/deco.png) 25px no-repeat; color: #816e5c; line-height: 40px;}
  .right-wrap .comment-wrap { margin: 0 40px;}
  .right-wrap .comment-wrap h3 { margin: 0; padding-left: 20px; height: 25px; background: #eee; border: 1px solid #b9b9b9; line-height: 25px; font-size: 12px; color: #727272;}  
  .right-wrap .comment-wrap ul { padding: 10px 0; list-style: none;}
  .right-wrap .comment-wrap li { border-bottom: 1px dotted #666;}
  .right-wrap .comment-wrap ul p { margin: 0; line-height: 24px;}
  .right-wrap .comment-wrap .c1 { color: #888;}
  .right-wrap .comment-wrap .c2 { text-align: right; color: #ccc;}
  .right-wrap .comment-wrap form { border: 1px solid #B9B9B9; border-top: 0 none;}
  .right-wrap .comment-wrap form p { margin: 0; padding: 4px 0;}
  .right-wrap .comment-wrap form label { display: inline-block; width: 80px; text-align: right;}
  
.right-wrap .news-list-item { margin: 0 30px;}
  .right-wrap .news-list-item h4 { margin: 0; padding: 0 15px; height: 24px; background: url(../images/deco.png) left no-repeat; border-bottom: 1px dotted #959595; border-top: 1px dotted #959595; line-height: 24px; font-size: 14px; color: #727272; font-weight: 400;}
  .right-wrap .news-list-item h4 a{line-height: 24px; font-size: 14px; color: #727272; font-weight: 400;}
  .right-wrap .news-list-item h4 span { float: right; font-size: 12px; color: #999;}
  .right-wrap .news-list-item p { color: #666; line-height: 24px;}
  .right-wrap .news-list-item a { color: #f60;}
  .right-wrap .news-list-item a:hover { color: #267dbb;}
  
  .right-wrap .case-item { float: left; margin: 0 15px 15px;}
  .right-wrap .case-item a { display: block; padding: 4px; width: 168px; height: 119px; background: #fff; border: 1px solid #D9D9D9;}
  .right-wrap .case-item p { text-align: center; color: #11739c; font-weight: bold;}
  
  .right-wrap .case-item1 { float: left; margin: 0 14px 15px;}
  .right-wrap .case-item1 a { display: block; padding: 6px; width: 122px; height: 119px; background: #fff; border: 1px solid #D9D9D9; margin-bottom: 5px;}
  .right-wrap .case-item1 p { text-align: center; color: #11739c; font-weight: bold;}

.right-wrap .pages { clear: both;}
 
footer { width: 100%; height: 109px; background: url(../images/footer.png) repeat-x; /*margin-top:30px;*/}
  footer .wrapper { padding-top: 10px; height: 99px; background: url(../images/footer-bg.jpg) top center no-repeat; text-align: center;}
  footer ul { padding: 2px 0;}
  footer li { display: inline; color: #fff;}
  footer li a { color: #fff;}
  footer li a:hover { color: #4194CF;}
  footer p { margin: 5px 0; color: #fff;}




/* focus */
.focus{ position: relative; margin:0 auto; width: 494px; overflow: hidden;}
  .focus .focuspic{ position:relative; float:left; height:494px; width:999em;}
  .focus .focuspic .indexbanner{ float:left; width:492px;position: relative; height:492px;overflow:hidden;border:1px solid #888;}
/* scrollbox */
.scrollbox{ height:190px;padding: 10px 0 0;float:left;}
.scrollbox .scrollbtn{ width:12px;height:37px;margin:30px 0 0 0;overflow:hidden;background:url(../images/arrow.gif) no-repeat;cursor:pointer;}
.scrollbox #prev{ float: left; margin-right: 2px; background-position:0 0;}
.scrollbox #prev.disabled{ background-position:0 -37px;cursor:default;}
.scrollbox #next{ float: left; margin-left: 2px; background-position:-12px 0;}
.scrollbox #next.disabled{ background-position:-12px -37px;cursor:default;}
.scrollbox .scrollpic{float:left;margin:0;display:inline;width:466px;height:190px;overflow:hidden;}
.scrollbox .scrollpic ul{margin: 0; padding: 0;width:999em;float:left;display:inline; list-style: none;}
.scrollbox .scrollpic li{float:left; margin: 0 10px; width:92px;text-align:center;}
.scrollbox .scrollpic li a img{border:solid 1px #ddd;padding:5px;}
.scrollbox .scrollpic li a span{display:block;height:30px;line-height:30px;cursor:pointer;}
.scrollbox .scrollpic li a:hover span,.scrollbox .scrollpic li.current a span{color:#3366cc;font-weight:800;}
.scrollbox .scrollpic li.current a img{border:solid 1px #888;}